<script setup lang="ts">

import Header from "@/components/Header.vue";

</script>

<template>
  <div class="home-container">
    <div class="common-layout">
      <el-container>
        <el-header>
          <Header></Header>
        </el-header>
        <el-main>
          <RouterView></RouterView>
        </el-main>
      </el-container>
    </div>
  </div>
</template>

<style scoped>
.home-container {
  width: 100%;
  .el-header {
    --el-header-padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* 确保Header在最上层 */
    background: rgba(0,0,0,.06); /* 透明背景 */
    background: #ffffff;
  }

  .banner-container {
    position: relative;
    z-index: 999; /* Banner在底层 */
    width: 100%;
    margin-top: 60px;
    overflow-y: scroll;
  }

  .el-main {
    width: 100%;
    padding: 0;
    --el-main-padding: 0;
    padding-top: 60px !important; /* 移除默认内边距 */
  }
}
</style>